@charset "utf-8";
/* CSS Document */
/*CSS Reset*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;box-sizing: content-box}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th,td{text-align:center;}
body,button, input, select, textarea {font: 12px/1.5 '微软雅黑',Arial, helvetica, sans-serif; }
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;vertical-align:text-top;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;outline:none;resize:none }
input,textarea,select{*font-size:100%; }
legend{color:#000;}

a{ text-decoration:none;cursor: pointer; outline:none;color: #262626}
.a-nourl{
  cursor: default;
}
button{
  cursor: pointer;
  outline: none;   
  border:none; 
}

/*公用样式*/

.left{ float:left;}
.clear{ clear:both;}


.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f20{font-size:20px;}
.fb{font-weight:bold;}
.fn{font-weight:normal;}
.t2{text-indent:2em;}
.lh150{line-height:150%}
.lh180{line-height:180%}
.lh200{line-height:200%}
.unl{text-decoration:underline;}
.no_unl{text-decoration:none;}

.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin-left:auto;margin-right:auto;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block;}
*html .clearfix{height:1%}
.Clearfix{display:block;}
.vm{vertical-align:middle;}
.pr{position:relative;}
.pa{position:absolute;}
.abs-right{position:absolute;right:0;}
.zoom{zoom:1}
.hidden{visibility:hidden;}
.none{display:none;}


.w10{width:10px;}
.w20{width:20px;}
.w30{width:30px;}
.w40{width:40px;}
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w200{width:200px;}
.w300{width:300px;}
.w400{width:400px;}
.w500{width:500px;}
.w600{width:600px;}
.w700{width:700px;}
.w800{width:800px;}
.w{width:100%}
.h50{height:50px;}
.h80{height:80px;}
.h100{height:100px;}
.h200{height:200px;}
.h{height:100%}

.m10{margin:10px;}
.m15{margin:15px;}
.m30{margin:30px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml100{margin-left:100px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr50{margin-right:50px;}
.mr100{margin-right:100px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p30{padding:30px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb50{padding-bottom:50px;}
.pb100{padding-bottom:100px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl50{padding-left:50px;}
.pl100{padding-left:100px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr50{padding-right:50px;}
.pr100{padding-right:100px;}
.clear {clear:both;height:0;overflow:hidden;}
.bgfff{background-color: #fff}

body{
  min-width: 1300px;
  background-color: #fafafa;
  position: relative;
  overflow-x: hidden;
}
/* 内容 */
.main{
  width: 1200px;
  margin: 0 auto;
}
/* 头部 */
.nav-active{
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}
.istop .nav-active{
   color: #be1a21 !important;
}
.header-top{
  width: 100%;
  height: 36px;
  background-color:rgba(0, 0, 0, 0.4) ;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
  position: absolute;
  top: 0;
  z-index: 100;
}
.header {
  width: 100%;
  height: 75px;
  position: absolute;
  top: 36px;
  z-index: 100;
  background: none;
}
.header-top p{
  width: 1200px;
  height: 36px;
  line-height: 36px;
  text-align: right;
  font-size: 14px;
  color: #fff;
  margin: 0 auto
}
.header-content {
  width: 1200px;
  height: 75px;
  margin: 0 auto;
}

.header-logo {
  float: left;
  margin-top: 14px;
  width: 334px;
  height: 47px;
  background: url(../images/logo-fff.png) no-repeat center 100%;
}

.header-nav {
  width: 650px;
  float: right;
  text-align: right
}

.header-nav li {
  display: inline-block;
  text-align: center;
  padding: 0 10px;
  height: 75px;
  line-height: 75px;
  zoom:1;
  +display:inline;
}

.header-nav li a {
  font-size: 16px;
  color: #fff;
  opacity: 0.75;
  filter: alpha(opacity=75)
}
.header-nav li a:hover {
 opacity: 1;
 filter: alpha(opacity=1)
}
.istop .header-nav li a:hover {
  color: #be1a21;
}
.istop{
  background-color: #fff;
  position: fixed;
  border-bottom: 1px solid #f0f1f2;
  display: none;
  z-index: 101;
}
.istop  .header-nav li a {
  color: #000
}
.istop  .header-logo{
  background: url(../images/logo.png) no-repeat center 100%;
}
/* 头部结束 */

/*板块title*/
.main-title {
  text-align: center;
  margin:100px 0 50px;
  position: relative;
  height: 80px;
  padding-top: 20px
}

.main-title .title-bg {
  width: 100%;
  line-height: 45px;
  position: absolute;
  text-align: center;
  font-family: Arial;
  font-weight: bold;
  font-size: 60px;
  top: 0px;
  left: 0;
  color: #262626;
  opacity: 0.1;
  filter: alpha(opacity=10);
  vertical-align: top;
  +line-height: 60px;
}

.main-title .title {
  font-size: 32px;
  font-weight: bold;
  height: 32px;
  line-height: 27px;
  +line-height: 40px;
}

.main-title .titles {
  font-size: 14px;
  height: 50px;
  line-height: 48px;
  position: relative;
}

.main-title .titles:after {
  content: "";
  width: 32px;
  height: 3px;
  position: absolute;
  bottom: 0;
  background-color: #fc1616;
  left: 50%;
  margin-left: -16px;
}


/* 底部开始 */


.ready-box {
  width: 100%;
  height: 255px;
  background: url(../images/foot.jpg) no-repeat center 100%;
  position: relative;
  margin-top: 120px;
}

.ready-btn {
  width: 485px;
  height: 236px;
  background: url(../images/card.png) no-repeat center 100%;
  position: absolute;
  left: 360px;
  top: -22px;
}

.ready-btn p {
  font-size: 32px;
  color: #fff;
  font-weight: bold;
  position: absolute;
  top: 60px;
  left: 30px;
}

.ready-btn p:after {
  content: "";
  width: 40px;
  height: 4px;
  position: absolute;
  left: 0;
  top: 65px;
  background-color: #fff
}

.ready-btn a {
  display: block;
  text-align: center;
  line-height: 50px;
  width: 150px;
  height: 50px;
  border: 0;
  border-radius: 5px;
  background-color: #fe2424;
  color: #fff;
  font-size: 20px;
  position: absolute;
  left: 30px;
  bottom: 30px;
}
.ready-btn a:hover{
  opacity: 0.75;
  filter: alpha(opacity=75)
}
.ready-btn a i{
  display:  block;
  margin-top: 17px;
  margin-left: -19px;
  float: right;

}
.footer{
  width: 100%;
  height: 305px;
  padding-top: 90px;
  background-color: #1e1e21;
  
}
.footer-content{
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.footer-item{
  float: left;

}
.footer-item h1{
  color:#fff;
  font-size: 16px;
}
.footer-item a{
  font-size: 14px;
  height: 14px;
  line-height: 1;
  display: block;
  color: #999;
  margin-top: 20px;
}
.footer-item i{
  font-size: 14px;
  height: 14px;
  line-height: 1;
  display: block;
  color: #999;
  margin-top: 20px;
  font-style: normal;
}
.footer-item a:hover{
  color: #fff;
}
.footer-content .w500 a:hover{
  color: #999;
}
.footer-item-right{
  float: right;
  width: 132px;
  margin-right: 136px;
}
.footer-item-right img{
  display: block;
  margin: 11px auto 10px auto;
}
.footer-item-right p{
  text-align: center;
  font-size: 14px;
  color: #fff;
}
.footer-bottom{
  width: 1200px;
  height: 60px;
  margin: 30px auto 0 auto;
  border-top: 1px solid #999;

}
.footer-bottom li a{
  float: left;
  font-size: 14px;
  height: 60px;
  line-height: 60px;
  color: #999;
  font-weight: bold;
  margin-right: 40px;
} 
.footer-bottom li a:hover{
  color: #fff;
}
.footer-bottom  span{
  float: right;
  color: #999;
  font-size: 14px;
  height: 60px;
  line-height: 60px;
}
.footer-foot{
  width: 100%;
  height: 70px;

  background-color: #000;
}
.footer-foot-content{
  width: 1200px;
  margin: 0 auto;
}
.footer-foot-content li {
 float: left;
 margin-right: 40px;
}
.footer-foot-content li  i{
  display: inline-block;
  margin-top: 13px;
}
.footer-foot-content span{
  float: right;
  color: #999;
  line-height: 70px;
}


/*右侧导航*/
.right {
  position: absolute;
  right: 30px;
  top: 45%;
  z-index: 10000;

}

.transparent-div {
  position: absolute;
  width: 10px;
  height: 170px;
  top: 0;
  right: 50px;
}

.right-call {
  width: 50px;
  height: 168px;
  background-color: #fc1717;
  overflow: hidden;
  cursor: pointer;
  border-radius: 5px;
}

.right-call i {
  display: block;
  margin: 10px 0 0 7px;

}

.right-call .title {
  width: 16px;
  margin: 10px auto;
  line-height: 24px;
  font-size: 16px;
  font-weight: bold;
  color: #fff
}

.top-box {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 172px;
  right: 0;
  background-color: #404146;
  overflow: hidden;
  cursor: pointer;
  z-index: 100;
  border-radius: 5px;
}
.top-box:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);

}

.top-box i {
  display: block;
  margin: 12px 0 0 12px;
}

.tel-box {
  width: 200px;
  height: 175px;
  background-color: #fff;
  position: absolute;
  right: 0;
  display: none;
  top: 0;
  border-radius: 3px;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1)
}

.tel-list {
  padding-left: 15px;
  overflow: hidden;
}
.telhover:hover{
  background-color: #f2f2f2;
}

.tel-list-left {
  width: 40px;
  float: left;
  height: 32px;
  text-align: center;

}

.tel-list-left i {
  margin-top: 12px;
  display: inline-block;
}

.tel-list-right {
  float: left;
  height: 40px;
  line-height: 40px;
}

.tel-list-right h1 {
  font-size: 18px;
  font-weight: bold;
  line-height: 60px;
}

.tel-list-right a {
  font-size: 14px;
  font-weight: bold
}
.tel-list-right a:hover{
  opacity: 0.7;
  filter: alpha(opacity=70)
}


.sprite-img{background:url(../images/sprite.png)  no-repeat}
.police{height:22px;width:18px;margin-top:19px;float:left;margin-right:10px;display:inline-block;background-position:-16px 0;}
.heder-icon{height:18px;width:16px;background-position:0 0;}
.arr-left{height:20px;width:20px;background-position:-43px 0;}
.peace{height:32px;width:26px;background-position:-820px 0;}
.turn-top{height:25px;width:24px;background-position:-77px 0;}
.tel-icon{height:26px;width:26px;background-position:-724px 0;}
.true{height:36px;width:35px;background-position:-855px 0;}
.left-icon{height:32px;width:32px;background-position:-158px 0;}
.right-icon{height:32px;width:32px;background-position:-190px 0;}
.left-active{height:32px;width:32px;background-position:-222px 0;}
.right-active{height:32px;width:32px;background-position:-254px 0;}
.kefu{height:36px;width:36px;background-position:-286px 0;}
.ice{height:33px;width:40px;background-position:-322px 0;}
.web-icon{height:35px;width:89px;background-position:-901px 0;}
.people{height:31px;width:87px;background-position:-449px 0;}
.real{height:33px;width:87px;background-position:-536px 0;}
.verify{height:32px;width:88px;background-position:-623px 0;}
.wram-icon{height:21px;width:20px;background-position:-758px 0;}
.info-icon{height:21px;width:20px;background-position:-784px 0;}


/* 尾部结束 */


/*toast*/
  .toast{
    position: fixed;
    top: 45%;
    width: 100%;
    height: 60px;
    text-align: center;
    z-index: 999;
  }
.toast span i {
  position: absolute;
  display: block;
  width: 100%;
  left:0;
  top:0;
  bottom: 0;
  background: #000;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  z-index: 9;
  border-radius: 6px;
}
  .toast span{
    position: relative;
    padding: 10px 20px;
    color: #fff;
    border-radius: 6px;
    overflow: hidden;
  }
.toast span em {
  position: relative;
  color: #fff;
  font-size: 16px;
  z-index:10 ;
}
  
  /*暂无数据*/
  .nodata{
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #999;
  }